<template>

	<!--节点弹窗-->

	<el-form label-width="120px">
		<el-form-item label="节点名称">
			<el-input v-model="currNodeObj.name" auto-complete="off"></el-input>
		</el-form-item>

		<el-form-item label="节点类别" prop="taskClassId">
			<span v-if="currNodeObj.id=='root'">root</span>


			<el-select v-else v-model="currNodeObj.taskClassId" placeholder="选择节点类别">
				<el-option :key='taskClass.id'  v-for="taskClass in taskClassArray" v-if="taskClass.id!='root'" :label="taskClass.name" :value="taskClass.id">
				</el-option>
			</el-select>
		</el-form-item>
		<el-form-item label="激活条件">
			<span v-if="currNodeObj.id=='root'">根节点</span>

			<el-select v-else v-model="currNodeObj.rely" multiple placeholder="选择节点类别">
				<el-option :key='node.id' v-for="node in currObj.nodeList" v-if="node.id!=currNodeObj.id" :label="node.name" :value="node.id">
				</el-option>
			</el-select>
		</el-form-item>
		<el-form-item label="负责人">
			<el-autocomplete :fetch-suggestions="querySearchMember" placeholder="请输入内容" @select="selManager"></el-autocomplete>
			<el-tag :key='manager._id' v-for="manager in  currNodeObj.managers" :closable="true" type="success" @close="handleClose(manager,currNodeObj.managers,'managers')">
				{{manager.name}}
			</el-tag>

		</el-form-item>

		<el-form-item label="参与人">
			<el-autocomplete :fetch-suggestions="querySearchMember" placeholder="请输入内容" @select="selMember"></el-autocomplete>
			<el-tag :key='member._id' v-for="member in  currNodeObj.members" :closable="true" type="success" @close="handleClose(member,currNodeObj.members,'members')">
				{{member.name}}
			</el-tag>
		</el-form-item>
		<el-form-item label="时间">
			<el-date-picker v-model="currNodeObj.time" type="datetimerange" placeholder="选择时间范围" align="right">
			</el-date-picker>
		</el-form-item>
	</el-form>




</template>
<script src="./flowNode.js"></script>
<style>
	.el-tag {
		margin-right: 5px;
	}
</style>